// components/scorllList/scorllList.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    scrollTop: Number,
    propList: Object,
    propTitle: String,
    propLight: String
  },


  /**
   * 数据监听器
   */
  observers:{
    scrollTop: function(){
      this.setData({
        top: this.data.scrollTop
      })
    },
    propList: function(){
      this.setData({
        list: this.data.propList
      })
    },
    propTitle: function(){
      this.setData({
        title: this.data.propTitle
      })
    },
    propLight: function(){
      this.setData({
        searchValue: this.data.propLight
      })
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    top: 0,
    list: null,
    title: '',
    searchValue: ''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 鼠标点击监听
    clickCity(e){
      var clickName = e.target.dataset.name;
      // 若点击的不是item则跳出
      if(!clickName) return;
      // 发送给页面的数据
      var detail = {
        clickName: clickName
      };
      // 触发事件的选项
      var option = {};
      // 绑定事件句柄
      this.triggerEvent('clickItem', detail, option)
    }
  }
})
